<template>
    <div class='detail'>
        <div class='public-head'>
            <slot name="left-head">
                <slot>公司介绍</slot>
                <slot name="right-head">
                    &emsp;
                </slot>
            </slot>
        </div>
        <div class="content">
            <div class="container" v-html="detail.content">
            </div>
        </div>
        <loading v-if="is_loading"></loading>
    </div>
</template>

<script>
import { mapState, mapActions } from "vuex";
export default {
  data() {
    return {
      detail: {} //
    };
  },
  created() {
    this.isLoading(true);
    this.axios.post(root + "/api/wx/aboutUs/get", {}).then(res => {
      this.isLoading(false);
      this.detail.content = res.data.data;
    });
  },
  methods: {
    ...mapActions(["isLoading"])
  },
  computed: {
    ...mapState(["is_loading"])
  }
};
</script>>

<style lang="less">
@import "../../common/style/mixin.less";
.detail {
  height: 100%;
  background: #fff;
  .content {
    padding: 0.35rem 0.3rem;
    .bor1pxTop;
    .head {
      padding-bottom: 0.35rem;
      .time {
        color: #999;
        .ft(0.2rem);
        margin-top: 0.21rem;
      }
    }
    .container {
    //   .bor1pxTop;
      padding-top: 0.15rem;
      p {
        .ft(0.26rem);
        line-height: 0.44rem;
        color: #404040; //text-indent: 2em;
      }
      img {
        display: block;
        margin: 0.2rem auto;
        max-width: 100%;
      }
    }
  }

  .public-head {
    position: relative;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    height: 1.1rem;
    color: #222;
    font-size: 0.36rem;
    padding: 0 0.3rem;
    background: #fff;
    z-index: 1000;
  }
}
</style>